<script setup lang="ts">

withDefaults(defineProps<{
  name: string,
  market: string,
  code: string,
  current_price: number,
  wave: number,
  waveRate: number
}>(), {
  current_price: 0.0,
  wave: 0.0,
  waveRate: 0
});





</script>


<template>

  <div class="index-item">
    <span class="name">{{ name }}</span>
    <span class="price" v-quote-color="current_price">{{ current_price }}</span>
    <span class="wave" v-quote-color="wave">{{ wave }}</span>
    <span class="wave-rate" v-quote-color="wave">{{ waveRate }}%</span>

  </div>


</template>

<style scoped lang="scss">
.index-item {
  font-size: 12px;
  color: #515a6e;
  .name {
    color: #444;
  }

  .price,
  .wave,
  .wave-rate {
    margin-left: 20px;
  }
}
</style>